 @import "elements.less";
 
body {
 background-color: #fff;            
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
}

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

@color:blue;

h1 {
 color: @color;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}


#containerLogo
 {
 }
#hederBox {
    background: url("../template/images/logo.gif") repeat scroll 0 0 transparent;
    margin: 0 auto;
    min-height: 93px;      
    width:100%;
    height:15%;
    display:block;
 }
#menuBar
{
    width:866px;
    height:25px;
    background-color:#575757;
    margin:0 auto;
    padding:0;
    color:white;
    .gradient(#B0B0B0, #B0B0B0, #FFF);
    a{
        float:right;
        display:block;
        text-decoration:none;
        &:hover { text-decoration:underline;}
        margin-right: 10px;
    }
    ul li {
        list-style:none;
        float:left;
        margin:0 5px 0 5px;
        padding:2px 5px;        
        a {
            float:none;
        }
    }
    .selected
    {   
        .gradient(#B0B0B0, #000, #FFF);
        a {
            color:white;
        }
    }
}       

 #contentFrame
{
    width:900px;      
    position: relative;               
    margin:0 auto;
              
}
 
 .footerBox {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;             
    position: relative;
    width: 868px;
    margin:0 auto;
    height: 40px; 
    z-index:10;   
}

.footer {
    float: left;
    width: 870px;
}
.footerLinks {
    float: left;
    padding: 0 10px;
    text-align: left;
}
ul.helpfulLinks {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.errorMsg
{
    display:none;
    color:red;
    font-weight:bold;
}
 
 div.widget
{
    position:relative;
    width:99%;
    padding:0;
    margin:5px auto;
    .bordered(#C4CDE0,#C4CDE0,#C4CDE0,#C4CDE0);
    .border-radius(10px,0,0,10px);
    .gradient(#3A01DF, #EFF2FB, #FFF);
   
   .wHeader
   {        
        width:100%;           
        margin:0 auto;
        height:30px;
        background-color:#F1F1F1;                          
        color:#3B5998;
        padding:5px auto;   
        
        font-weight:bold;  
        .border-radius(10px,0,0,10px);
        .headerText
        {
            float:left;
            padding-top:3px;
            padding-left:10px;
        }
        .headerSwitch
        {
            float:right;
            margin-right:10px;
            display:block;
            &:hover {
                .buttonType();                
            }
            
        }                  
   }      
   .wContent
   {
        width:100%;
       
        table
        {
            margin:10px auto;            
        }
        th
        {
            text-align:right;
        }
   }
   .wFooter
   {
        width:100%;
        height:30px;
        background-color:#E7EBF2;
        border:1 solid red;
        div.saveChange
        {
            padding:5px 10px;
            display:block;
            float:left;
            text-decoration:none;
            &:hover{
                text-decoration:underline;
                background-color:#1A356E;
                font-weight:bold;
                color:white;
                .buttonType();
            }
        }
   }
}    

.button
{
    .buttonType();
}

  
.buttonCross
{
    background: url('../template/images/icons.png') no-repeat 0 -13px;
    width:13px;
    height:13px;
    display:inline-block;
    margin-top:5px;
    
}         